<!DOCTYPE html>
<html>
  <head>
    <title></title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  </head>
    <link rel="stylesheet" href="./css/sm-extend.min.css">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link href="../jsp/css/lanzuZhengzu.css" rel="stylesheet">
    <script src="../js/jquery-2.1.1.js"></script>
    <script src="../js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
     <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../js/min/flickerplate.min.js" type="text/javascript"></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script src="../js/common.js"></script>
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script src="js/pointlog.js"></script> 
  <body>
  <script>
  var args=ponitLog.getWindowsParam();
  /*获取到Url里面的参数*/
(function ($) {
  $.getUrlParam = function (name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
   var r = window.location.search.substr(1).match(reg);
   if (r != null) return unescape(r[2]); return null;
  }
 })(jQuery);
var typeName;
var type ;
var grade ;
$(function(){
	
			 typeName=["合租","整租","直租"];
			 type = $.getUrlParam('type');
			 grade = $.getUrlParam('grade');
			 if(type !=undefined){
				 $("#title").text("蓝居"+typeName[type-1]) ;
				 document.title ="蓝居"+typeName[type-1]; 
			 }else{
				 $("#title").text("蓝居房子列表") ;
				 document.title ="蓝居房子列表"; 
			 }
			
            var w_height = $(window).height();
            $('.menu').css('height',w_height);
            //   弹出右边菜单
            $('.menu_show').click(function(){
                $('.menu,.b_mark').css('display','block');
                $('.menu .menu_con').stop().animate({ right: '0' }, 300);
                flagArr = [];
            });
            $('.menu .b_mark').click(function(){
                $('.menu .menu_con').stop().animate({ right: '-70%' }, 300);
                setTimeout(function(){
                    $('.menu,.b_mark').fadeOut('fast');
                },250);
            });

        });
        
</script>
	<main>

		<section class="menu" style="z-index: 999;display: none">
			<span class="b_mark"></span>
			<div class="menu_con">
				<p class="m_tit">筛选</p>
				<ul class='allselect'>
					<li style="width: 100%">
						<div class='span_content'>
							<span class='span_title'>房型</span>
							<ul id="layout"></ul>
						</div>
					</li>
					<li style="width: 100%">
						<div class='span_content'>
							<span class='span_title'>朝向</span>
							<ul id="towards"></ul>
						</div>
					</li>
					<li style="width: 100%">
						<div class='span_content'>
							<span class='span_title'>房子标签</span>
							<ul id="houseFlag"></ul>
						</div>
					</li>
				</ul>

				<div class="bottom">
					<button id="save">确认</button>
				</div>
			</div>
		</section>
	</main>
<!-- 	<header class="bar bar-nav"> -->

		<!--     </a> -->
<!-- 		<h1 class="title" id="title">蓝居整租</h1> -->
<!-- 	</header> -->
	<nav class="bar bar-tab">
		<a class="tab-item " onclick="toLink('home.html',this)"> <span
			class="icon icon-home"></span> <span class="tab-label">首页</span>
		</a> <a class="tab-item active"
			onclick="toLink('lanjuZhengzu.html?type=2',this)"> <span
			class="icon icon-card"></span> <span class="tab-label">租房</span>
		</a> <a class="tab-item"
			onclick="toLink('service/servicePackage.html?serviceType=1',this)">
			<span class="icon icon-menu"></span> <span class="tab-label">服务</span>
		</a> <a class="tab-item" onclick="toLink('zukeKongjian.html',this)"> <span
			class="icon icon-friends"></span> <span class="tab-label">我的</span>
		</a>
	</nav>
	<div class="content" style="top: 0;">
		<div class="searchbar row" style="margin: 0px 5px 0">
			<div class="search-input col-80" style="margin-left: 0;width: 80%;">
				<label class="icon icon-search" for="search"></label> <input
					type="search" id='search' placeholder='输入关键字...' />
			</div>
			<a class="button button-fill button-primary col-20"
				href="javaScript:search()">搜索</a>
		</div>

		<div class="list-block" style="margin: 0.30rem 0;">
			<div class="row no-gutter">
				<div class="col-20"
					style="width: 99%;font-size: 14px;padding-left: 10px;">
					<span style="float: right ;margin-right: 10px; touch-action: none; " class="menu_show"
						id="menu" onclick="shaixun()">筛选<span class="icon icon-right"
						style="margin-left: 5px;"></span></span><span
						style="float: right ; margin-right: 30px;" onclick="Zezu.Release()">发布时间<span id="upanddown"
						class="icon icon-down" style="margin-left: 5px;"></span></span>
				</div>
			</div>
		</div>


		<div class="tuijian_house_content"
			style="border-top:1px solid #f3f3f3 ">
			<div>
				<ul class="house_ul">

				</ul>
				<div style="text-align: center;margin-top: -16%">
					<div class="weui-loadmore" style="display: none" id="loadmore">
						<i class="weui-loading"></i> <span class="weui-loadmore__tips">正在加载~</span>
					</div>
					<p class="page__desc" onclick="more()">加载更多</p>
				</div>
			</div>

		</div>
	</div>
	<script src="../jsp/js/lanjuZhengzu.js"></script>
<script type="text/javascript">
	var offset = 0;//起始页码
	var limit = 10;//每页个数
	var curcount=0;
	var orderBy = "h.createTime desc";//默认降序
	var flagArr = new Array();

	function more() {
		$("#loadmore").show();
		$(".page__desc").hide();
		offset = offset + curcount;
		Zezu.initList();
	}

	function search() {
		$(".house_ul").html("");
		Zezu.initList();
	}

	var nonce = "";//生成签名的随机串
	var signature = "";//签名
	var timestamp = "";//时间戳
	var title = "蓝居管家--租房";
	var desc = "蓝居租房无需中介费、个性定制房屋、专业保洁服务";
	var sharLink = "http://lanjushiye.com.cn/LanJuPublic/jsp/lanjuZhengzu.html?type=2";
	var imgUrl = "http://lanjushiye.com.cn/LanJuPublic/images/lanju.jpg";
	$(document).ready(function() {
				var url = encodeURI(location.href.split('#')[0]);
				$.ajax({
					url : "../weixinImpl/getEncryptJsapiTicket.spring?rn="+ (new Date().getTime()),
					type : "POST",
					data : {
						"url" : url
					},
					dataType : "json",
					success : function(data) {
						if (data != null) {
							nonce = data.nonce;
							signature = data.signature;
							timestamp = data.timestamp;
							Zezu.loadWx();
						}

					},
					error : function(err) {
						console.log('异常');
					}
				});
});


	function toLink(txt, tagrt) {
		document.location.href = "./" + txt;
	}
	function shaixun(){
		
	}
</script>
  </body>
</html>
